今天怕像昨天一樣悲劇，今天先寫在別的地方再貼上去，不然重寫雖然知道內容要寫啥，不過還是痛苦阿，今天要來講scss裡面一些顏色奇妙的用法，下面就直接進入範例說明

參考連結是對於顏色之前Amos大大文章，如果對顏色有趣可以進去看一下

顏色的文章

順便來幫他工商一下

金魚都能懂的CSS必學屬性

金魚都能懂的Bootstrap5網頁框架開發

金魚都能懂的 CSS 選取器

畢竟Amos可以算是幫助我在學習前端路上的貴人，畢竟自己點點數很容易就長歪囉(X，難的今天意外沒有負能量

編譯前
.colorEx1 {
  color: adjust-color($color: #f00, $blue: 125);
}
//調整顏色偏藍色一點


.colorEx2 {
	 color: adjust-hue($color: #f00, $degrees: 120deg);
}
//調整顏色順向120度，產生了一個綠色的顏色，如果寫了一個負向120度，會產生一個藍色的顏色，
//要產生對應結果可以去看色相這個部分就會知道產生原因囉

.colorEx3 {
  color: change-color($color: #f00, $red: 125);
}

.colorEx4 {
  color: complement($color: #f00);
}
//這個是補色的用法就是補色附圖自己可以去GOOGLE(X，我就懶

.colorEx5 {
  color: darken($color: #F00, $amount: 20%);
}
//變暗的用法，就這樣XD

.colorEx6 {
  color: desaturate($color: #F00, $amount: 20%);
}
//飽和度的用法

.colorEx7 {
 color: mix(green, red, $weight: 50%);
}
//恩混合，產生棕色，結束XD

.colorEx8 {
  color: rgba($color: #000000, $alpha: 0.7);
//這個我覺得應該算是顏色中比較方便用的法，使用16進位方式轉成RGBA方式顯示，
//可以設定這樣透明度
}

下面是編譯出來的顏色
.colorEx1 {
  color: #ff007d;
}

.colorEx2 {
	color: lime;
}

.colorEx3 {
  color: #64717f;
}

.colorEx4 {
  color: cyan;
}

.colorEx5 {
  color: #990000;
}

.colorEx6 {
 color: #e61a1a;
}

.colorEx7 {
  color: #804000;
}

.colorEx8 {
  color: rgba(0, 0, 0, 0.7);
}